<template>
    <div>
    <Button @click="value1 = true" type="primary">Open</Button>
    <Drawer title="Basic Drawer" :closable="false" v-model="value1">
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
    </Drawer>

    </div>
</template>

<script>
export default {
    data(){
      return{
      value1: false,
      value: "",
      //用户信息
      userdata: {
        username: "",
        age: "",
        qq: "",
        company: "",
        email: ""
      },

      password: {
        //用户密码
        old: "",
        news: "",
        cotify: ""
      },

      email: {
        //用户密码
        old: "",
        news: "",
        password: ""
      },

        styles: 
        {
            height: 'calc(100% - 55px)',
            overflow: 'auto',
            paddingBottom: '53px',
            position: 'static'
        },
        value3: false,
        formData: {
                    name: '',
                    url: '',
                    owner: '',
                    type: '',
                    approver: '',
                    date: '',
                    desc: ''
                },
      }
    }
}
</script>

<style>

 .drawer-footer{
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-top: 1px solid #e8e8e8;
        padding: 10px 16px;
        text-align: right;
        background: #fff;
    }
</style>

